<template>
  <div class="wrap">
      <header>
          <router-link to="/myhome" class="lt">&lt;</router-link>
          <span class="shop">购物车</span>
          <span class="edit">编辑</span>
      </header>
      <section >
        <van-card
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://img01.yzcdn.cn/vant/ipad.jpeg"
>
  <template #tags>
    <van-tag plain type="danger">标签</van-tag>
    <van-tag plain type="danger">标签</van-tag>
  </template>
  <template #footer>
    <van-button size="mini">删除</van-button>
  </template>
</van-card>
         
          <!-- <div class="big">
              <img src="k3.jpg" alt="">
          </div>
          <p>购物车竟然是空的</p> -->
      </section> 
  </div>
</template>

<script>

export default {
    mounted(){
    this.$store.dispatch("rercomaxioslink",{url:"/api/show_cart/"});
    },
data(){
    return{
    
    }
}
}
</script>

<style scoped>
    .wrap{
        width: 100%;
        height: 6.46rem;
        display: flex;
        flex-direction: column;
        background-color: #ffff;
    }
    header{
        width: 100%;
        height: 0.42rem;
        line-height: 0.42rem;
        font-size: 0.16rem;
        font-weight: bold;
        border-bottom: 0.07rem solid #f8f8f8;
    }
    .lt{
        margin-left: 0.2rem;
    }
    .shop{
        margin-left: 1.2rem;
    }
    .edit{
        margin-left: 1.3rem;
    }
    section{
        width: 100%;
        height: 6rem;
    }
    .big{
        width: 100%;
        height: 1.2rem;
        margin-top: 1.7rem;
    }
    .big>img{
        margin-left: 1.3rem;
    }
    section>p{
        margin-left: 1.3rem;
        font-size: 0.15rem;
        margin-top: 0.3rem;
    }
</style>